// 添加文章
$(function () {

  function formDate(dateStr) {
    let date = new Date(dateStr);
    return date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate()
  }

  // 获取分类信息
  $.ajax({
    url: baseUrl + '/categories',
    success(res) {
      if (res && isLogin) {

        const newHtml = template('cateTemplate', { result: res })

        $('#category').html(newHtml)

      }
    },
    error(err) {
      console.log(err);
    }
  })
  // 图片上传处理
  upFile()
  function upFile() {
    $('#feature').on('change', function () {

      // file 是input框返回的一个文件数组
      let file = this.files[0]
      // 使用formData进行文件上传
      let form = new FormData()
      //将数据添加进去
      form.append('image', file)
      $.ajax({
        url: baseUrl + '/upload',
        type: 'POST',
        data: form,
        // 告诉$.ajax 不对请求参数处理
        processData: false,
        // 告诉$.ajax方法不要设置参数类型
        contentType: false,
        success(res) {
          $('#thumbnail').val(res[0].image)
        },
        error(err) {
          console.log(err);
        }

      })
    })
  }



  // 发送添加文章请求
  $('#addForm').on('submit', function () {
    //  获取标题的值

    const formData = $(this).serialize()
    $.ajax({
      url: baseUrl + '/posts',
      type: 'post',
      data: formData,
      success(res) {
        if (res) {
          location.href = 'posts.html'
        }
      },
      error(err) {
        console.log(err);
      }
    })

    return false


  })

  // 携带id的编写文章
  //截取id
  function getUrlId() {
    const idUrl = location.search
    const idStr = idUrl.split('?')[1]
    const id = idStr.split('=')[1]
    return id
  }

  const id = getUrlId()

  // 根据id 获取文章的数据
  if (id) {
    // 

    $.ajax({
      url: baseUrl + '/posts/' + id,
      success(res) {
        if (res) {

          // 获取分类数据
          $.ajax({
            url: baseUrl + '/categories',
            success(categories) {
              res.categories = categories
              // 将数据渲染到模板
              const newHtml = template('editTemplate', { res, handle: formDate })
              $('.content').html(newHtml)

              upFile()

              // 点击编辑修改按钮
              $('#editForm').on('submit', function () {


                const form = $(this).serialize();

                console.log(decodeURI(form));
                // console.log(form);
                $.ajax({
                  url: baseUrl + '/posts/' + id,
                  type: 'put',
                  data: form,
                  success(res) {
                    location.href = 'posts.html'
                  }

                })


                return false
              })

            }
          })

        }
      },
      error(err) {
        console.log(err);
      }
    })

  }





})